<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=v4kYfe8u0gRTSHHT5NeMpUf1oQyQfryT"></script>
<script type="text/javascript" src="js/map.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
</head>
<body style="background:#f6f6f6">
    <header>
    	<div class="container">
    		 <div class="header_box">
    		 	<p class="header_left">全国服务热线：400-000-0000</p>
    		 	<div class="header_right">
    		 	   <a href="#">设为首页</a>
    		 	   <a href="#">加入收藏</a>
    		 	</div>
    		 </div>


    	</div>
    </header>
    <div class="nav">
    	 
    	 <div class="container">
    	 	  <div class="nav_box">
    	 	  	  <div class="logo">
                     <a href="#"><img src="images/nav_box_logo.png"></a>
    	 	  	  </div>

                 
                <input type="checkbox"  id="chec" / >
                <label for="chec" class="nav_box_check">
                       <span></span>
                       <span></span>
                       <span></span>
                 </label>


    	 	  	  <div class="nav_list wow fadeInRight "  data-wow-iteration="1" data-wow-duration="2s">

    	 	  	     <a href="#"><p>首页</p><span>Home </span></a>
    	 	  	     <a href="#"><p>关于我们</p><span>About </span></a>
    	 	  	     <a href="#"><p>产品中心</p><span>Products </span></a>
    	 	  	     <a href="#"><p>服务支持</p><span>Service </span></a>
    	 	  	     <a href="#"><p>新闻中心</p><span>News </span></a>
    	 	  	     <a href="#"><p>在线商店</p><span> Shop  </span></a>
    	 	  	     <a href="#"><p>联系我们</p><span>Contact Us </span></a>                                                        
    	 	  	  </div>

    	 	  </div>
    	 </div>

    </div>

    <!-- nav end -->
   <div class="banner">
         
        <div class="container">
            <div class="banner_box">
                 <input type="radio" id="btn1"  class="btn" name="sex" />
                  <label for="btn1" id="ban_1"></label>
                  <input type="radio" id="btn2"  class="btn" name="sex"/>
                  <label for="btn2"  id="ban_2"></label>
                  <input type="radio" id="btn3"  class="btn" name="sex"/>
                  <label for="btn3"  id="ban_3"></label>
                  <input type="radio" id="btn4"  class="btn" name="sex"/>
                  <label for="btn4"  id="ban_4"></label>
                  
                <div class="banners">

                  <div>
                      <img src="images/banner_bg.png">
                  </div>
                  <div>
                      <img src="images/banner_bg.png">
                  </div>
                  <div>
                      <img src="images/banner_bg.png">
                  </div>
                  <div>
                      <img src="images/banner_bg.png">
                  </div>
                  

            </div>

         </div>   

    </div>
   </div>

   <!-- banner end  -->

   <div class="news">
       <div class="container">
           <div class="news_box">

                   <!-- 三个bnt 中间一个默认选中 左右两个 点击切换  -->
                   <input type="radio" name="sex" id="one" />
                   <label for="one" id="one">&lt;</label>
                   <input type="radio" name="sex" id="two" checked />
                   <label for="two"></label>
                   <input type="radio" name="sex" id="three" />
                   <label for="three" id="three">&gt;</label>

                   <div class="baner_news">
                         
                          <div class="mai">
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/top_bg.png">
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                       <h2>CeBIT 2015</h2>
                                     <div class="center_bg_desc">
                                         <div class="center_left">
                                             <img src="images/center_bg_desc_bg.png">
                                         </div>
                                         <div class="center_right">
                                              <p>创新ICT共建全联接世界德国汉诺威展览中心</p>
                                               <span>3月16日-20日</span>
                                          </div>
                                     </div>

                                   </div>
                                   <div class="bottom_bg">
                                       <ul>
                                         <li>上海国际智能建筑展览会</li>
                                         <li>2014德国柏林国际消费类电子产品展览会</li>
                                         <li>2014中国（贵阳）公告安全防范产品博览会</li>
                                       </ul>
                                   </div>
                              </div>
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/center_bg.png">
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                       
                                      <div class="center_bg_img">
                                           <img src="images/two_bg.png">
                                      </div>

                                   </div>
                                   <div class="bottom_bg">
                                       <h2>s6213w-y</h2>
                                       <p>  海思3518E方案，多码流技术，百万高清</p>
                                   </div>
                              </div>
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/bottom_bg.png" >
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                          <div class="center_bg">

                                       
                                      <div class="center_bg_img center_bg2">
                                           <img src="images/center_bg2.png">
                                      </div>

                                   </div>
                                   </div>
                                   <div class="bottom_bg">

                                      <p></p>
                                      <p class="bottom_bg_desc">"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                                      <p></p>
                                   </div>
                              </div>
                              
                              
                          </div>
                          <div class="mai">
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/top_bg.png">
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                       <h2>CeBIT 2015</h2>
                                     <div class="center_bg_desc">
                                         <div class="center_left">
                                             <img src="images/center_bg_desc_bg.png">
                                         </div>
                                         <div class="center_right">
                                              <p>创新ICT共建全联接世界德国汉诺威展览中心</p>
                                               <span>3月16日-20日</span>
                                          </div>
                                     </div>

                                   </div>
                                   <div class="bottom_bg">
                                       <ul>
                                         <li>上海国际智能建筑展览会</li>
                                         <li>2014德国柏林国际消费类电子产品展览会</li>
                                         <li>2014中国（贵阳）公告安全防范产品博览会</li>
                                       </ul>
                                   </div>
                              </div>
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/center_bg.png">
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                       
                                      <div class="center_bg_img">
                                           <img src="images/two_bg.png">
                                      </div>

                                   </div>
                                   <div class="bottom_bg">
                                       <h2>s6213w-y</h2>
                                       <p>  海思3518E方案，多码流技术，百万高清</p>
                                   </div>
                              </div>
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/bottom_bg.png" >
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                          <div class="center_bg">

                                       
                                      <div class="center_bg_img center_bg2">
                                           <img src="images/center_bg2.png">
                                      </div>

                                   </div>
                                   </div>
                                   <div class="bottom_bg">

                                      <p></p>
                                      <p class="bottom_bg_desc">"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                                      <p></p>
                                   </div>
                              </div>
                              
                              
                          </div>
                         <div class="mai">
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/top_bg.png">
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                       <h2>CeBIT 2015</h2>
                                     <div class="center_bg_desc">
                                         <div class="center_left">
                                             <img src="images/center_bg_desc_bg.png">
                                         </div>
                                         <div class="center_right">
                                              <p>创新ICT共建全联接世界德国汉诺威展览中心</p>
                                               <span>3月16日-20日</span>
                                          </div>
                                     </div>

                                   </div>
                                   <div class="bottom_bg">
                                       <ul>
                                         <li>上海国际智能建筑展览会</li>
                                         <li>2014德国柏林国际消费类电子产品展览会</li>
                                         <li>2014中国（贵阳）公告安全防范产品博览会</li>
                                       </ul>
                                   </div>
                              </div>
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/center_bg.png">
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                       
                                      <div class="center_bg_img">
                                           <img src="images/two_bg.png">
                                      </div>

                                   </div>
                                   <div class="bottom_bg">
                                       <h2>s6213w-y</h2>
                                       <p>  海思3518E方案，多码流技术，百万高清</p>
                                   </div>
                              </div>
                              <div class="news_list">
                                   <div class="top_bg">
                                       <img src="images/bottom_bg.png" >
                                       <p>新闻中心</p>
                                       <h2>NEWS.CENTER</h2>
                                             
                                   </div>



                                   <div class="center_bg">

                                          <div class="center_bg">

                                       
                                      <div class="center_bg_img center_bg2">
                                           <img src="images/center_bg2.png">
                                      </div>

                                   </div>
                                   </div>
                                   <div class="bottom_bg">

                                      <p></p>
                                      <p class="bottom_bg_desc">"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                                      <p></p>
                                   </div>
                              </div>
                              
                              
                          </div>


                           
                   </div>

           </div>

       </div>
   </div>
  <!-- news end -->
   

   <div class="about">
       
       <div class="container">
             
             <div class="about_box">
                 
                 <h3 class="wow fadeOutUpBig  "  data-wow-iteration="1" data-wow-duration="2s">关于我们</h3>
                 <span>STORE DISPLAY</span>

             </div>

       </div>
   </div>

   <div class="about_us">
       
         <div class="container">
          <div class="about_us_box">
             <div class="about_us_title">
                   <p class="about_us_desc">
                            广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值。 
                   </p>
                   <div class="about_us_banner wow fadeInRight e                                                                                                                                                                              aa"  data-wow-iteration="1" data-wow-duration="2s">
                      
                      <div>
                          <img src="images/about_us_banner1.png">
                      </div>
                      <div>
                          <img src="images/about_us_banner2.png">
                      </div>
                      <div><img src="images/about_us_banner3.png"></div>
                      <div><img src="images/about_us_banner4.png"></div>
                      <div><img src="images/about_us_banner5.png"></div>

                   </div>
             </div>
          </div>
         </div>
   </div>
   <!-- about_us ned -->
     <div class="about">
       
       <div class="container">
             
             <div class="about_box">
                 
                 <h3>联系我们</h3>
                 <span>STORE DISPLAY</span>

             </div>

       </div>
   </div>

   <div class="store">
     
     <div class="container">
       <div class="store_box">
           
            <div>
               <div class="store_box_top">
                    <div class="store_box_top_border">
                       <img src="images/store_box_top_img.png">
                       <h2>微信扫一扫</h2>
                       <p>关注我们相关的信息</p>
                    </div>
                    <div>
                      
                        <ul class="store_list">
                          <li></span>服务热线：400-000-0000</li>
                          <li></span>联  系  人：某先生</li>
                          <li></span>公司邮箱：www.tk.com</li>
                          <li></span>公司传真：000-12345678</li>
                          <li>邮政编码：467000</li>
                          <li>公司地址：广州市某某区某某路某号</li>
                        </ul>
                    </div>
               </div>
               <div class="store_box_bottom">
                   <div id="map" class="address_right_content"></div>
               </div>
            </div>




            <div class="store_messge">
              
                  <form action="" method="post">
                       <table >
                            <tr>
                              
                              <td cols="2">
                                 <p>昵称</p>
                                  <input type="text" />
                              </td>
                            </tr>
                            <tr>
                              
                              <td cols="2">
                                 <p>联系电话</p>
                                  <input type="text" />
                              </td>
                            </tr>
                            <tr>
                              
                              <td cols="2">
                                  <p>电子邮箱</p>
                                  <input type="text" />
                              </td>
                            </tr>
                            <tr>
                              
                              <td cols="2">
                                  <p>内容</p>
                                  <textarea cols="30" rows="14"></textarea>
                              </td>
                            </tr>
                            <tr>
                                <td>
                                   <input type="submit" value="提交" class="btn_val" />
                                </td>
                            </tr>
                       </table>
                  </form>
            </div>


       </div>
     </div>
   </div>

   <div class="foot">
       
       <div class="container">
           <div class="foot_box">
                 <div class="foot_box_lis">
                     <ul class="foot_box_list">
                         <li>关注我们:</li>
                         <li>
                            <img src="images/foot_bg1.png" height="20" width="24">
                         </li>
                         <li><img src="images/foot_bg2.png" height="20" width="24"></li>
                         <li><img src="images/foot_bg3.png" height="20" width="24"></li>
                         
                     </ul>
                     <ul class="foot_box_list2">
                         <li>网站首页</li>
                         <li>新闻动态</li>
                         <li>关于我们</li>
                         <li>团队风采</li>
                         <li>联系我们</li>
                         <li>在线留言</li>

                     </ul>
                 </div>
           </div>
       </div>

   </div>
   <!-- foot end -->
   <div class="footer">
       <div class="container">
           <div class="footer_box">
               <p class="copyright">
                 
                    &copy;2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved
               </p>
           </div>
       </div>
   </div>

</body>
</html>
<script type="text/javascript">
    
    initMap();

    new WOW().init();u
</script>